@svg 1px-border {
  height: 2px;
  @rect {
    fill: var(--color, black);
    width: 100%;
    height: 50%;
  }
}

.border-top {
  border-top: 1px solid transparent;
  border-image: svg(1px-border param(--color #e5e5e5)) 2 2 stretch;
}

.border-bottom {
  border-bottom: 1px solid transparent;
  border-image: svg(1px-border param(--color #e5e5e5)) 2 2 stretch;
}

.border-left {
  border-left: 1px solid transparent;
  border-image: svg(1px-border param(--color #e5e5e5)) 2 2 stretch;
}

.border-right {
  border-right: 1px solid transparent;
  border-image: svg(1px-border param(--color #e5e5e5)) 2 2 stretch;
}

.border {
  border: 1px solid transparent;
  border-image: svg(1px-border param(--color #e5e5e5)) 2 2 stretch;
}
